<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2020/5/28
  Time: 21:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<html>
<head>
    <title>Title</title>
    <%@include file="/common/com.jsp"%>
    <link rel="stylesheet" href="/css/index.css" type="text/css">
</head>
<body>
<div id="root">
    <div class="layout">
        <Layout>
            <Header>
                <i-Menu mode="horizontal" theme="dark" active-name="1">
                  <div class="layout-logo">
                        <Avatar src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590861139205&di=338587525cee8ca496fcf08103fa8ae7&imgtype=0&src=http%3A%2F%2Fimg2.imgtn.bdimg.com%2Fit%2Fu%3D1658767817%2C2230629453%26fm%3D214%26gp%3D0.jpg"></Avatar>
                    </div>
                    <div class="layout-nav">
                        <h2 style="color:white">LD管理后台</h2>
                        <i-button type="primary" size="small" style="position:relative;top:-30px;left:990px;" @click="logout()">退出</i-button>
                    </div>
                </i-Menu>
            </Header>
    <Layout>
        <Sider hide-trigger :style="{background: 'lightblue'}">
            <i-Menu active-name="1-2" theme="light" width="auto" :open-names="['1']">
                <Submenu name="1">
                    <template slot="title">
                        <Icon type="ios-ribbon" ></Icon>
                       公司管理
                    </template>
                    <Menu-Item name="1-1">
                        <a href="sys/role/index" target="main">&nbsp;&nbsp;资料管理</a>
                    </Menu-Item>
                    <Menu-Item name="1-2">
                        <a href="sys/plan/index" target="main">&nbsp;&nbsp;部门管理</a>
                    </Menu-Item>
                    <Menu-Item name="1-3">&nbsp;&nbsp;职位管理</Menu-Item>
                    <Menu-Item name="1-4">&nbsp;&nbsp;员工管理</Menu-Item>
                </Submenu>
            </i-Menu>
        </Sider>
        <Layout :style="{padding: '0 24px 24px'}">
            <i-Content :style="{minHeight: '500px', background: '#fff'}">
                <iframe name="main" width="100%" height="100%" frameborder="0"></iframe>
            </i-Content>
        </Layout>
    </Layout>
    </Layout>
</div>
    </Layout>
</div>
</body>
<script>
    new Vue({
        el:"#root",
        methods:{
            logout(){
                location.href = "${pageContext.request.contextPath}/logout1";//get方式重定向

            }
        }
    })
</script>
</html>
